<ion-content>
    <div class="bannar">
        <ion-slides [options]="slideOptions">
            <ion-slide>
                <img src="./assets/slider/1.jpg" alt="">
            </ion-slide>
            <ion-slide>
                <img src="./assets/slider/2.jpg" alt="">
            </ion-slide>
            <ion-slide>
                <img src="./assets/slider/3.jpg" alt="">
            </ion-slide>
        </ion-slides>
    </div>
    <div class="brands">
        <h3>{{business?.business_name}}</h3>
        <p>{{business?.business_type}}</p>
        <ul class="detail-info">
            <li>
                <ion-icon name="pin"></ion-icon>{{business?.business_location}}</li>
            <li>
                <ion-icon name="call"></ion-icon>{{business?.business_phone}}</li>
        </ul>
    </div>
    <!--折扣-->
    <ion-list class="split-bar">
        <ion-item>
            <h5 class="discount-note">折扣说明</h5>
            <p>{{business?.business_cost_introduce}}</p>
        </ion-item>
    </ion-list>
    <!--优惠券-->
    <ion-list>
        <ion-list-header>优惠券</ion-list-header>
        <ion-item>
            <ion-thumbnail item-left>
                <img src="./assets/imgs/yhj-5.png">
            </ion-thumbnail>
            <h2>小市会员折扣券</h2>
            <p>
                <span class="info">折扣券</span>
            </p>
            <button ion-button color="danger" outline small item-right tappable (click)="getCoupon()">领取</button>
        </ion-item>
        <ion-item>
            <ion-thumbnail item-left>
                <img src="./assets/imgs/yhj-15.png">
            </ion-thumbnail>
            <h2>小市会员优惠券</h2>
            <p>
                <span class="info">折扣券</span>
            </p>
            <button ion-button color="danger" outline small item-right tappable (click)="getCoupon()">领取</button>
        </ion-item>
        <ion-item>
            <ion-thumbnail item-left>
                <img src="./assets/imgs/yhj-30.png">
            </ion-thumbnail>
            <h2>小市会员优惠券</h2>
            <p>
                <span class="info">折扣券</span>
            </p>
            <button ion-button color="danger" outline small item-right tappable (click)="getCoupon()">领取</button>
        </ion-item>
    </ion-list>
    <div class="more">点击加载更多</div>
    <ion-list-header>商家介绍</ion-list-header>
    <figure class="introduce">
        <p>{{business?.business_introduce}}</p>
    </figure>
</ion-content>